<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>注册</title>
		<link rel="stylesheet" href="/static/plugins/easyui/themes/bootstrap/easyui.css">
		<link rel="stylesheet" href="/static/plugins/easyui/themes/icon.css">

		<script type="text/javascript" src="/static/plugins/easyui/jquery.min.js"></script>
		<script type="text/javascript" src="/static/plugins/easyui/jquery.easyui.min.js"></script>

		<!--引入中文包-->
		<script type="text/javascript" src="/static/plugins/easyui/locale/easyui-lang-zh_CN.js"></script>



		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			html,
			body {
				height: 100%;
				width: 100%;
			}
			input, button, select, textarea {
			outline: none;
			-webkit-appearance: none;
			border-radius: 0;
			}
			::-webkit-input-placeholder {
				/* WebKit browsers */
				color: #fff;
			}
			
			:-moz-placeholder {
				/* Mozilla Firefox 4 to 18 */
				color: #fff;
			}
			
			::-moz-placeholder {
				/* Mozilla Firefox 19+ */
				color: #fff;
			}
			
			:-ms-input-placeholder {
				/* Internet Explorer 10+ */
				color: #fff;
			}

			.login_section {
				position: relative;
				height: 100%;
				width: 100%;
				background-image: url("http://tlb.txasfx.com/crm/img/login_1.jpg");
				background-size: 100% 100%;
			}
			.form_box {
				height: 548px;
				width: 385px;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				border: 2px solid #9292a3;
				box-shadow: 0px 0px 5px 3px #9292a3 inset;
				border-radius:10px;
				box-sizing: border-box;
				padding: 0 40px;
				padding-top: 30px;
				text-align: center;
				background-color: rgba(1,1,1,.2);
			}
			.form_box h3 {
				font-size: 28px;
				color: #fff;
				padding-bottom: 25px;
				margin-bottom: 25px;
				border-bottom: 2px solid #fff;
			}
			.form_box .input_box {
				position: relative;
				border-radius: 20px;
				border: 1px solid #fff;
				margin-bottom: 25px;
			}
			.input_box img {
				position: relative;
				top: 8px;
			}
			.input_box input {
				height: 34px;
				width: 70%;
				line-height: 100%;
				padding: 0 10px;
				background-color: transparent;
				border: 0;
				color: #fff;
			}
			.trips {
				position: absolute;
				top: 105%;
				left: 0;
				width: 100%;
				color: #fff;
				font-size: 12px;
				text-align: left;
				padding-left: 20px;
			}
			.btn_box button {
				width: 100%;
				cursor: pointer;
				font-size: 18px;
				color: #191a41;
				padding: 5px 30px;
				background-color: #FFFFFF;
				border: 1px solid #fff;
				border-radius: 20px;
				margin-top: 20px;
			}
			/*.btn_box button:last-of-type {
				color: #fff;
				background-color: transparent;
				border: 1px solid #fff;
				margin-left: 40px;
			}*/
			.copy_text {
				font-size: 12px;
				color: #fff;
				position: absolute;
				bottom: 5px;
			}
		</style>

		<script>
			$(function () {
			    function tologin() {
					/*$("#emp_form").form("submit",{
						url:'/saveOrUpdate.do',
						success:function (data) {
							console.log(data);
							//回调函数:data表示返回数据解析为json
							data = $.parseJSON(data);
							if (data.success) {
								//如果返回结果成功__弹出窗口提示
								$.messager.alert('温馨提示','保存成功','info',function () {
									methodObj.cancel();
									//保存成功就跳转回登录界面
									window.location.href="/login.jsp";
								})
							}else {
								//如果保存失败,则弹出窗口提示
								$.messager.alert('温馨提示',data.msg,'error');
							}
						}
					});*/

					alert(11);
                }
            })
		</script>


	</head>
	<body>
			<form class="login_section" id="emp_form" method="post">
				<div class="form_box">
					<h3>注册</h3>
					<div class="input_box">
						<img src="imgs/re_01.png" alt="" />
						<input  name="username"   prompt="请输入姓名" iconCls="icon-man"
								invalidMessage="用户名已经存在"
								validType="remote['/validate.do','username']"
						/>
					</div>
					<div class="input_box">
						<img src="imgs/re_02.png" alt="" />
						<input type="text" name="" id="realname"  placeholder="请输入真实姓名"/>
					</div>
					<div class="input_box">
						<img src="imgs/re_02.png" alt="" />
						<input name="email" class="easyui-textbox" prompt="请输入邮箱" iconCls="icon-email"
							   validType="email" />
					</div>
					<div class="input_box">
						<img src="imgs/re_03.png" alt="" />
						<input name="password" type="password" class="easyui-textbox" />
					</div>
					<div class="input_box">
						<img src="imgs/re_03.png" alt="" />
						<input name="admin" class="easyui-combobox" prompt="是否是超级管理员"
							   data-options="panelHeight:'auto',textField:'text',valueField:'value',
						data:[{text:'是',value:'1'},{text:'否',value:'0'}]"/>
					</div>

					<div class="btn_box">
						<button onclick="tologin()">确认注册</button>
					</div>

					<!--<p class="copy_text">Copyright©2017-2018 TxasFx.All rights reseverd.</p>-->
				</div>
			</form>
		<%--<script type="text/javascript">
			function tologin () {
				window.location.href = "index.html"
			}
		</script>--%>
	</body>
</html>
